Vue.component('todo-item',{
    props: ['todo'],
    template: '<li>{{todo.text}}</li>'})
var app = new Vue({
    el:'#app',
    data:{
        todos:[
            {text:'doom'},
            {text:'lanm'},
            {text:'bane'}
        ],
        lists:[
            {text:'wolock'},
            {text:'sven'},
            {text:'axe'}
        ],
        message:'Hello Vue.js!'
    },
    methods:{
        reverseMessage : function(){
            this.message = this.message.split('').reverse().join('')
        }
    }
});